.tenant-user-container {
  padding-bottom: 32px;
  background-color: var(--bg-third);

  .bg-header {
    height: 250px;
    background: linear-gradient(45deg, var(--mini-first), var(--mini-second));
  }

  .user-main {
    display: flex;
    flex-direction: column;
    margin: -110px 20px 0;
    border-radius: 8px;
    box-shadow: 3px 3px 20px var(--box-shadow);
    background-color: var(--bg-first);
  }

  .user-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: -40px 0 0;

    .img-wrap {
      background-color: var(--bg-first);
      border-radius: 100%;
      overflow: hidden;
      box-shadow: 1px 1px 5px 2px var(--box-shadow);
      width: 120px;
      height: 120px;
    }

    image {
      width: 120px;
      height: 120px;
    }

    .user-name {
      margin-top: 8px;
      font-size: 20px;
      color: var(--mini-first);
      letter-spacing: 2px;
    }
  }

  .body {
    padding: 40px 16px 24px;
  }
}